<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<title>抑郁症在线检测平台-文章详情</title>

<!-- Stylesheets -->
<link href="/css/style.css" rel="stylesheet">
<link href="/css/responsive.css" rel="stylesheet">

</head>

<!-- page wrapper -->
<body class="main_page">


    <!-- .preloader -->
    <div class="preloader"></div>
    <!-- /.preloader -->

    <!-- Main Header -->
    <div th:insert="~{common:: header}"></div>
    <!-- End Main Header -->


    <!-- blog-details -->
    <section class="blog-details">
        <div class="top-post" style="background-image: url(/images/background/page-title-7.jpg);">
            <div class="container">
                <div class="content-box">
                    <h1 th:text="${articleDetail.getArticleName()}"></h1>
                    <ul class="post-info">
                        <li>作者： <span th:text="${articleDetail.author}">Kirstin Hagen</span></li>
                        <li th:text="${#dates.format(articleDetail.updateTime,'yyyy-MM-dd HH:mm:ss')}"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="sidebar-page-container">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-md-12 col-sm-12 content-side">
                        <div class="blog-details-content">
                            <div class="inner-box">
                                <div class="bold-text" th:utext="${articleDetail.getContent()}"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 col-sm-12 sidebar-side">
                        <div class="sidebar blog-sidebar">


<!--                            <div class="sidebar-post sidebar-widget">-->
<!--                                <h2 class="sidebar-title">我们的员工</h2>-->
<!--                                <div class="widget-content">-->
<!--                                    <div class="post" th:each="employee:${employees}">-->
<!--                                        <figure class="post-thumb"><a  ><img th:src="${employee.imgUrl}" alt=""></a></figure>-->
<!--                                        <span class="post-date" th:text="${#dates.format(employee.updateTime,'yyyy-MM-dd HH:mm:ss')}"></span>-->
<!--                                        <h5><a  th:text="${employee.name}"></a></h5>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->



                            <div class="sidebar-post sidebar-widget">
                                <h2 class="sidebar-title">近期文章</h2>
                                <div class="widget-content">
                                    <div class="post" th:each="article:${articles}">
                                        <figure class="post-thumb"><a th:href="'/article/detail/' + ${article.id}" ><img  th:src="${article.imgUrl}" alt=""></a></figure>
                                        <span class="post-date" th:text="${#dates.format(article.updateTime,'yyyy-MM-dd HH:mm:ss')}"></span>
                                        <h5><a th:href="'/article/detail/' + ${article.id}"  th:text="${article.articleName}"></a></h5>
                                    </div>
                                </div>
                            </div>





                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- blog-details end -->


    <!-- main-footer -->
    <div th:insert="~{common:: footer}"></div>
    <!-- main-footer end -->




<!-- jequery plugins -->
<script src="/js/jquery.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/owl.js"></script>
<script src="/js/wow.js"></script>
<script src="/js/validation.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="/js/appear.js"></script>
<script src="/js/jquery-ui.js"></script>
<script src="/js/script.js"></script>

</body><!-- End of .page_wrapper -->
</html>
